<template>
  <div>
    <div class="mil">
      <router-view></router-view>
    </div>
    <footer v-if="!footer">
      <footers></footers>
    </footer>
  </div>
</template>
<script>
import "@/styles/reset.css";
import footers from "@/components/footer.vue";
export default {
  data(){
    return{
      footer:''
    }
  },
  watch:{
    $route:{
      handler(n,o){
        this.footer=n.meta.footer
      },
      immediate:true
    }
  },
  components: {
    footers
  },
};
</script>
<style scoped>
footer {
  position: fixed;
  bottom: 0;
  border-top: 0.01rem solid #ccc;
  background-color: white;
}
</style>
